<template>
  <view class="content">
    <!-- 标识组件 -->
    <!-- <uni-badge text="1"></uni-badge>
      <uni-badge text="2" type="success"></uni-badge>
      <uni-badge text="3" type="primary" :inverted="true"></uni-badge> -->
    <!-- 组件使用 -->
    <!-- <HmButton ref="btnRef"></HmButton> -->

    <!-- 使用图标 -->
    <view class="box">
      使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标使用图标
    </view>

    <!-- 测试axios发请求兼容小程序 -->
    <button @click="toLogin">点我发请求</button>

    <!-- 测试使用pinia -->
    <view>计数: {{ store.count }}</view>
    <view>双倍: {{ store.double }}</view>
    <button @click="store.increment()">加1</button>
    <button @click="store.decrement()">减1</button>

    <!-- pinia持久化 -->
    <view>存name: {{ store.name }}</view>
    <button @click="store.setName('小米')">点我修改name</button>

    <!-- 测试重定向 -->
    <button @click="testToken">测试token</button>

    <!-- 使用图标 -->
    <view class="box">
      <text class="iconfont icon-edit"></text>
    </view>
  </view>
</template>
<script lang="ts" setup>
import { loginByPasswordApi } from '@/api/user';
import { useCounterStore } from '@/store/count';
import request from '@/utils/request';
// 请求文件
const toLogin = async () => {
  let res = await loginByPasswordApi({
    mobile: '13211112222',
    password: 'abc12345'
  })
  console.log('res  ----->  ', res);
}

// 使用pinia
const store = useCounterStore()

const testToken = () => {
  request.get('/home/page/doc')
}
</script>


<style lang="scss">
/* 使用样式变量 */
.box {
  @include text-overflow(2);
}
</style>
